<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title></title>
    <link rel="shortcut icon" href="../../favicon.ico"> <link href="../../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="../../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <!--bootstraptable-->
    <link href="../../js/plugins/bootstrap_table/bootstrap-table.css" rel="stylesheet">

    <link href="../../css/animate.min.css" rel="stylesheet">
    <link href="../../css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="../../js/plugins/layui/css/layui.css?v=2.1.2">
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content  animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>拍卖会</h5>
                </div>
                <div class="ibox-content">
                    <table id="rooms" data-mobile-responsive="true"></table>
                </div>
            </div>
        </div>

    </div>
</div>

<script src="../../js/jquery.min.js?v=2.1.4"></script>
<script src="../../js/jquery.cookie.js?v=2.1.4"></script>
<script src="../../js/tools/jquery.ajax.js?v=2.1.4"></script>
<script src="../../js/tools/init.js?v=0.0.1"></script>
<script src="../../js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../js/content.min.js?v=1.0.0"></script>
<script src="../../js/plugins/bootstrap_table/bootstrap-table.js"></script>
<script src="../../js/plugins/bootstrap_table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../../js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script src="../../js/plugins/layui/layui.js?v=2.1.2"></script>
<script>

    function tips(id,value) {
        layui.use('layer', function(){
            var layer = layui.layer;

           var index = layer.open({
                type: 2,
                title:value,
                content: 'products.html?id='+id //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
            });
            layer.full(index);
        });
    }

    $(document).ready(function() {
        $('#rooms').bootstrapTable({
            url: path+"/room/list",
            method:"GET",
            cache: false,
            showRefresh:true,
            pageNumber:1,
            pageSize:10,
            search:true,
            pagination:true,
            queryParamsType:'',
            sidePagination: "server",
            queryParams: function queryParams(params) {
                return {
                    pageNo: params.pageNumber,
                    pageSize: params.pageSize
                }
            },
            responseHandler:function(res) {
                return {
                    "rows": res.data.records,
                    "total": res.data.total
                }

            },
            columns: [{
                title: '行号',//标题  可不加
                formatter: function (value, row, index) {
                    return index+1;
                }
            },{
                field: 'name',
                title: '拍卖会名称',
                formatter: function (value, row, index) {
                    return "<a href='javascript:void(0)'  style='color:dodgerblue' onclick='tips(\""+row.id+"\",\""+value+"\")'>"+value+"</a>";
                }
            }, {
                field: 'sub_title',
                title: '副标题'
            },{
                field: 'host_tel',
                title: '主持人手机号'
            },{
                field: 'keyword',
                title: '关键字'
            },{
                field: 'auction_at',
                title: '开始时间'
            },{
                field: 'auction_end_at',
                title: '结束时间'
            }]
        });
        $(window).bind("resize",
            function() {
                var width = $(".jqGrid_wrapper").width();
                // $("#table_list_1").setGridWidth(width);

            })
    });
</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
</html>
